div.gridview { padding-left: 50px; }
div.section { background-color: cyan; margin-left: -10px; }
div.section.closed table { display: none; }
div.section.closed div.section { display: none; }
div.section div.section { background-color: magenta; margin-left: 10px; }
div.section:nth-child(odd) { background-color: green; }
div.section div.section:nth-child(odd) { background-color: gray; }

div.gridview > div.section > table {  margin-left: 10px; }

td ,th { width: 30px; }
td span { width: 30px; display: block; overflow:hidden; }

tr { background-color: white; }
tr.odd { background-color: yellow; }

/* Grip */
div.gripwrapper { position:relative; height:100%; width:100%; }
div.hgrip {
  position:absolute;
  height:100%;
  width:5px;
  margin-right:-5px;
  left:100%;
  top:0px;
  cursor:w-resize;
  z-index:10;

  background-color: black;
}

